export default [
  {
    type: "roundrect",
    props: {
      x: 10,
      y: 10,
      w: 200,
      h: 300,
      r: 10,
      fillStyle: "#ff0000",
    },
    drag: true,
    click: function (ctx) {
      console.log("圆角矩形", ctx);
    },
  },
  {
    type: "stroke",
    props: {
      x: 30,
      y: 30,
      w: 200,
      h: 300,
      strokeStyle: "#000",
    },
    drag: true,
    click: function (ctx) {
      console.log("圆角矩形框", ctx);
    },
  },
  {
    type: "line",
    props: {
      path: [
        [120, 200],
        [160, 180],
        [160, 220],
        [80, 380],
      ],
      strokeStyle: "#000",
      lineWidth: 4,
    },
    drag: true,
    click: function (ctx) {
      console.log("折线", ctx);
    },
  },
  {
    type: "polygon",
    props: {
      path: [
        [140, 150],
        [180, 160],
        [160, 20],
        [80, 80],
      ],
      close: true,
      fillStyle: "green",
      strokeStyle: "yellow",
      lineWidth: 2,
    },
    drag: true,
    click: function (ctx) {
      console.log("多边形", ctx);
    },
  },
  {
    type: "text",
    props: {
      x: 50,
      y: 230,
      t: "提娜佳raga案件阿塞飞静安寺",
      fillStyle: "#000",
      maxWidth: 150,
    },
    drag: true,
  },
  {
    type: "arc",
    props: {
      x: 100,
      y: 100,
      r: 25,
      fillStyle: "#000",
      lineWidth: 10,
      startAngle: 90,
      endAngle: 0,
      close: false,
    },
    drag: true,
    click: function (ctx) {
      console.log("扇形", ctx);
    },
  },
];
